<template>
	<div style="margin-top:20px;">
		<el-form>
			<el-form-item prop="datatype">
				<el-radio-group v-model="datatype">
					<el-radio label="none">none</el-radio>
					<el-radio label="form-data">form-data</el-radio>
					<el-radio label="x-www-form-urlencoded">x-www-form-urlencoded</el-radio>
					<el-radio label="raw">raw</el-radio>
					<el-radio label="binary">binary</el-radio>
				</el-radio-group>
				<el-select v-model="type" placeholder="JSON" style="float:right;">
				  <el-option label="JSON" value="Json"></el-option>
				  <el-option label="Text" value="text"></el-option>
				  <el-option label="HTML" value="html"></el-option>
				</el-select>
			</el-form-item>
			
			
			
		</el-form>
		<div class="request">
			<span>request</span>
		<el-row :gutter="20">
			<el-col :span="12">
				<el-input type="textarea" :rows="5" v-model="request" class="textarea"></el-input>
			</el-col>
		</el-row>
		</div>
		<div class="response">
			<span>response</span>
			<el-row :gutter="20">
				<el-col :span="12">
					<el-input type="textarea" :rows="5" v-model="response" class="textarea"></el-input>
				</el-col>
			</el-row>
		</div>
	</div>
		
		
</template>

<script lang="ts">
	import axios from "axios";

	export default {
		inject: ["reload"],
		name: "Body",
		components: {},
		data() {
			return {
				datatype: '',
				type:'',
				request:'',
				response:'',

			};
		},
		methods: {

		},
	};
</script>
<style lang="less" scoped>
	span{
		font-size:20px;
		line-height: 50px;
	}
	.textarea{
		width:950px;
		height:40px;
	}
	.response{
		margin-top:90px;
	}
</style>

